<html lang="fr">
<head>
<style>
</style>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet"
      type="text/css"/>
<script src="lib/jquery-1.6.4.js" type="text/javascript"></script>
<script src="lib/jquery-ui-1.8.16.custom.js" type="text/javascript"></script>

<link rel="stylesheet" href="css/common.css" type="text/css"/>
<script>
$(document).ready(function () {    
	$( "input:submit").button();
        $( "input:submit").click(function(){
          $.ajax({
                url: "Translate",
                type: "POST",
                context: document.body,
                data: {text: $("#input_text").val()}
                }).done(function(data) { 
                    $("#output_text").val(data);
                });
        })
                


});
</script>
<title>Translate FR-EN</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div id="north_tab">
    <h2>Translate FR-EN</h2>
</div>
<div id="south_tab">
    <textarea id="input_text">
    </textarea>

    <input id="translate" type="submit" value="Translate">

   	<textarea id="output_text" readonly="readonly">
    	</textarea>
</div>

</body>
</html>